<template>
  <view class="margin-top">
    <van-cell title="扫码" is-link @click="scanCode" />
    <van-cell title="拨打电话" is-link @click="makePhoneCall" />
    <van-cell title="获取位置" is-link @click="getLocaltion" />
    <van-cell title="使用内置地图查看位置" is-link @click="openLocation" />
    <van-cell title="选择图片" is-link @click="selectImage" />
    <image width="100" height="100" :src="iamgeUrl" />
  </view>
</template>

<script>
import wx from "../../common/jweixin";
export default {
  data() {
    return {
      latitude: "",
      longitude: "",
      speed: "",
      accuracy: "",
      iamgeUrl: "",
    };
  },
  methods: {
    scanCode() {
      const that = this;
      wx.scanQRCode({
        needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
        scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
        success: function(res) {
          // res.resultStr 当needResult 为 1 时，扫码返回的结果
          that.$dialog.alert({
            message: res.resultStr,
          });
        },
      });
    },
    makePhoneCall() {
      uni.makePhoneCall({
        phoneNumber: "15039158076", //仅为示例
      });
    },
    openLocation() {},
    getLocaltion() {
      const that = this;
      wx.getLocation({
        type: "wgs84", // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
        success: function(res) {
          var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
          var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
          wx.openLocation({
            latitude: latitude, // 纬度，浮点数，范围为90 ~ -90
            longitude: longitude, // 经度，浮点数，范围为180 ~ -180。
            name: "", // 位置名
            address: "", // 地址详情说明
            scale: 28, // 地图缩放级别,整型值,范围从1~28。默认为最大
            infoUrl: "", // 在查看位置界面底部显示的超链接,可点击跳转
          });
          that.$dialog.alert({
            message: `纬度:${latitude},经度:${longitude}`,
          });
        },
      });
    },
    selectImage() {
      const that = this;
      wx.chooseImage({
        count: 9, // 默认9
        sizeType: ["original", "compressed"], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ["album", "camera"], // 可以指定来源是相册还是相机，默认二者都有
        success: function(res) {
          that.iamgeUrl = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
        },
      });
    },
  },
};
</script>

<style scoped>
.margin-top {
  margin-top: 15px;
}
</style>
